<script setup>
const props = defineProps({
  fill: String,
})
</script>

<template>
  <div>
    <svg viewBox="0 0 24 24">
      <path
        :fill="props.fill"
        d="M12.587 11.41c-.167.333-.432.605-.609.932-.71 1.311-1.514 2.578-2.24 3.885-.26.467.077 1.166.673 1.166.253 0 .564-.27.777-.389.526-.292 1.037-.604 1.554-.906 1.515-.884 3.031-1.783 4.585-2.603.458-.242.863-.587 1.321-.83a52.15 52.15 0 0 0 1.943-1.074c.195-.114.506-.185.596-.415.179-.459-.007-1.165-.052-1.632-.062-.634 0-1.305 0-1.942 0-1.38-.078-2.737-.078-4.119 0-.273.144-1.2-.155-1.308-.585-.211-1.574.084-2.176.142-1.01.099-2.023.136-3.03.234-.573.055-1.14-.023-1.71.064-.401.062-.84.052-1.244.091-.236.023-.49-.05-.699.104-.378.277-.506.9-.725 1.295-.693 1.247-1.12 2.646-1.826 3.885-.755 1.326-1.316 2.735-1.97 4.119-.17.36-.339.735-.53 1.088-.108.198-.35.472-.376.699-.032.288.521.677.764.751.44.135 1.074-.577 1.4-.803.88-.611 1.784-1.307 2.719-1.826.378-.21.636-.597 1.088-.609Zm-.622 8.858c-.046-.436-.548-.656-.854-.932-.516-.465-.984-.992-1.477-1.477-.303-.298-.687-.513-.997-.803-1.144-1.069-2.324-2.13-3.432-3.238-.305-.304-.926-1.19-1.4-1.204-.24-.007-.313.407-.362.583-.138.496-.335.982-.479 1.476-.06.209-.135.416.013.609.41.532 1.03.962 1.528 1.412 1.075.97 2.119 1.975 3.186 2.952.448.41.869.841 1.321 1.244.162.143.312.353.544.375.235.023.42-.184.622-.272.588-.253 1.19-.505 1.787-.725ZM5.05 21.9c.573-.332 1-1.078 1.477-1.554.138-.139.511-.39.427-.622-.06-.168-.301-.275-.427-.388-.29-.262-.564-.544-.855-.803-.286-.256-.656-.985-1.088-.985-.224 0-.405.244-.544.389-.375.391-.789.81-1.114 1.243-.153.205-.279.38-.103.622.129.178.36.31.518.466.562.555 1.15 1.072 1.71 1.632Z"
      ></path>
    </svg>
  </div>
</template>
